Верстка корпоративного сайта по PSD макетам с интеграцией на WordPress (Бюджет: 40000 руб)

Требуется качественно сверстать и натянуть на Wordpress корпоративный сайт с каталогом без корзины и онлайн заказа. Требования к верстке: 1. Семантическая, чистая и валидная HTML5 верстка: - Использование семантических тегов (`<header>`, `<footer>`, ` ` и т.д.). - Проверка валидности кода через W3C Validator. - Качество верстки Pixel Perfect. 2. CSS3 с препроцессорами: - Использование SCSS или LESS для организации стилей. - Автоматическая генерация вендорных префиксов с помощью Autoprefixer. - Использование методологии BEM для наименования классов и структурирования CSS. - Добавить CSS анимации и переходы для плавного появления элементов и интерактивных эффектов. 3. Адаптивность: - Медиа-запросы для разных разрешений (дизайнером отрисованы макеты под каждое мобильное разрешение). - Флексбокс или CSS Grid для реализации сложных сеток. - Верстка должна корректно отображаться во всех современных браузерах и на различных устройствах. 4. JavaScript и jQuery: - Использование JavaScript (ES6+) для интерактивных элементов. - При необходимости использовать jQuery, особенно для компонентов, которые легче интегрировать с WordPress. 5. Оптимизация производительности: - Основное содержимое должно загружаться первым, с последующим дополнением улучшенных стилей и функций. - Минимизация CSS и JavaScript файлов. - Оптимизация изображений (сжатие без потери качества, использование WebP). - Ленивая загрузка (lazy loading) для изображений, видео и других медиа-ресурсов для ускорения загрузки начального экрана. - Скрипты должны загружаться асинхронно (`async`) или откладываться (`defer`), чтобы избежать блокировки рендеринга страницы. - Использовать `<link rel="preload">` для предзагрузки критически важных ресурсов, таких как шрифты и ключевые скрипты. - Встроить критические стили, необходимые для отображения верхней части страницы (Above-the-fold content) прямо в HTML, чтобы ускорить время первой отрисовки. 6. Доступность (Accessibility): - Управление фокусом при навигации с клавиатуры. - Прописать альтернативные тексты для изображений. - Разметка ARIA для улучшения доступности. 7. Кроссбраузерность: - Поддержка последних версий всех основных браузеров и IE11. Технологии: - HTML5, CSS3, SCSS/LESS, JavaScript (ES6+), jQuery - Фреймворки и инструменты при необходимости: Bootstrap или Foundation, Webpack/Gulp для сборки проекта, Git для контроля версий. Дополнительные требования: - Все интерактивные элементы (всплывающие окна, слайдеры, табы) должны быть полностью функциональными с использованием jQuery или чистого JavaScript. - Интеграция с WordPress должна быть выполнена с использованием чистых и оптимальных решений, без лишних плагинов, желательно ограничиться только ACF.